<template>
	<view class="daren">
		<view class="list">
			<image src="/static/img/6/6-3.png" mode="aspectFill" class="header"></image>
			<view class="name">醒醒</view>
			<view class="info">
				昆明 | 1269条 | 64634粉丝
			</view>
			<view class="btn">+关注</view>
			
			<view class="image-box">
				<image src="/static/img/1/12.png"></image>
				<image src="/static/img/1/12.png"></image>
				<image src="/static/img/1/12.png"></image>
			</view>
		</view>
		<view class="list">
			<image src="/static/img/6/6-3.png" mode="aspectFill" class="header"></image>
			<view class="name">醒醒</view>
			<view class="info">
				昆明 | 1269条 | 64634粉丝
			</view>
			<view class="btn">+关注</view>
			
			<view class="image-box">
				<image src="/static/img/1/12.png"></image>
				<image src="/static/img/1/12.png"></image>
				<image src="/static/img/1/12.png"></image>
			</view>
		</view>
		<view class="list">
			<image src="/static/img/6/6-3.png" mode="aspectFill" class="header"></image>
			<view class="name">醒醒</view>
			<view class="info">
				昆明 | 1269条 | 64634粉丝
			</view>
			<view class="btn">+关注</view>
			
			<view class="image-box">
				<image src="/static/img/1/12.png"></image>
				<image src="/static/img/1/12.png"></image>
				<image src="/static/img/1/12.png"></image>
			</view>
		</view>
	</view>
</template>

<script>
    export default {
        name: "",
        components:{
            
        },
        data(){
            return {
                
            }
        },
      

    }
</script>

<style lang="scss">
	page{
		background: #F5F5F5;
	}
	.daren{
		padding: 0 21upx;
	}
	.list{
		margin-top: 144upx;
		background: #fff;
		text-align: center;
		padding-bottom: 48upx;
		.header{
			width:154upx;
			height:154upx;
			display: inline-block;
			border:7upx solid rgba(240, 64, 111, 1);
			border-radius:50%;
			margin-top: -77upx;
		}
		.name{
			font-size:26upx;
			font-family:Microsoft YaHei;
			font-weight:400;
			color:rgba(51,51,51,1);
		}
		.info{
			font-size:21upx;
			font-family:Microsoft YaHei;
			font-weight:400;
			color:rgba(102,102,102,1);
		}
		.btn{
			width:126upx;
			height:33upx;
			background:rgba(77,200,151,1);
			border-radius:17upx;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			font-size:21upx;
			font-family:Microsoft YaHei;
			font-weight:400;
			color:rgba(255,255,255,1);
		}
		.image-box{
			margin-top: 42upx;
			
			image{
				width:215upx;
				height:152upx;
				margin-right: 10upx;
				border: none;
				&:nth-child(3n){
					margin-right: 0;
				}
			}
			
		}
		
		
	}
		
</style>
